<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title></title>
</head>
<body>

	id    #
	class  .
	标签   标签名
	*   选中所有标签
	div p  后代选择器 
	div>p  子代选择器

	div.one  交集选择器 又有满足既是div 又是类名one
	.oen，.two  并集选择器  同时选中类名叫one的 也会选中类名叫two的
	nth-child(第几个)   选中同级别的第几个
	nth-of-type(第几个) 选中同级别同类型的第几个


	总结： id clss 标签 * 谁的权重高 请排序

	继承 < * < 标签 < class < id < 行内 < important 
	font-
	text-
	color-
	line-

	width 宽
	height
	px 像素点 100% 根据父级大小空间

	font-size
	font-weight
	color
	background
	text-align
	text-indent 首行缩进

	margin
	padding
	boarder

	display:inline  变为行内标签
	display:block  变为块元素
	display:inline-block 变为行内块

	vertical-align 控制行内 或行内块元素  垂直对其方式 top middle bottom

	line-height 行高 行与行之间的距离

	border-radius 圆角
	border-top-left-radius 还可以设置某一个角的圆角
	border-top-right-radius
	border-bottom-left-radius
	border-bottom-right-radius




</body>
</html>